<template>
	<div class="goodsDesc"> 
		<h4 class="title">{{goodsDesc.title}}</h4>
		<hr></hr>
		<div class="content" v-html="goodsDesc.content"></div>
	</div>
</template>
<style lang="scss">
	.goodsDesc{
		padding: 4px;
		.title{
			font-size: 14px;
			color:#67D8EC;
			margin:10px 0px;
			text-align: center;
		}
		hr{
			color:#DDD;
		}
		.content{
			p{
				img{
				width: 100%;
				height: 100%;
			}
			}
			
		}
	}
</style>
<script>
	export default{
		data:function(){
			return {
				// 图文详情数据
				goodsDesc:{},
			};
		},
		methods:{
			//获取图文详情数据
			getGoodsDesc(){
				this.$http.get('api/goods/getdesc/'+this.$route.params.id).then(result => {
					if(result.body.status==0)
					{
						this.goodsDesc =result.body.message[0];
					}

				});
			},
		},
		created:function(){
			this.getGoodsDesc();
		}
	}
</script>